@font-face {
  font-family: 'icomoon';
  src: url('../fonts/icomoon.eot?68czj9');
  src: url('../fonts/icomoon.eot?68czj9#iefix') format('embedded-opentype'),
    url('../fonts/icomoon.ttf?68czj9') format('truetype'),
    url('../fonts/icomoon.woff?68czj9') format('woff'),
    url('../fonts/icomoon.svg?68czj9#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

.banner {
  padding-top: 80px;
  height: 200px;
  background: #ccc url(../img/news/banner.png) no-repeat center/cover;
}

.warp-news {
  margin-top: 80px;
}

.banner-msg h1 {
  margin-top: 50px;
  font-size: 40px;
  font-weight: normal;
  color: #fff;
}

.banner-msg p {
  font-size: 20px;
  color: #fff;
}

.column-news {
  flex-wrap: wrap;
  width: 1300px;
  margin: 0 auto;
}

.column-news li {
  height: 350px;
  margin-bottom: 60px;
  box-shadow: 0 0 5px #ccc;
  width: 400px;
}

.column-news li img {
  width: 400px;
  height: 228px;
}

.column-news h3 {
  margin-top: 20px;
  margin-bottom: 35px;
  font-size: 16px;
  font-weight: normal;
  color: #333;
}

.column-news p {
  margin-bottom: 15px;
  font-size: 14px;
  color: #333;
}

.column-news h3:hover {
  color: #ff7200;
}

.news-page {
  width: 260px;
  margin: 0 auto;
  margin-bottom: 65px;
}

.news-page::before {
  content: "\e601";
  display: inline-block;
  margin-right: 40px;
  width: 22px;
  height: 22px;
  border-radius: 50%;
  text-align: center;
  line-height: 22px;
  font-family: 'icomoon';
  transform: rotate(180deg);
  background-color: #dedede;
  color: #fff;
}

.news-page::after {
  content: "\e601";
  display: inline-block;
  margin-left: 40px;
  width: 22px;
  height: 22px;
  border-radius: 50%;
  text-align: center;
  line-height: 22px;
  font-family: 'icomoon';
  background-color: #dedede;
  color: #fff;
}

.news-page li {
  border-radius: 50%;
  width: 35px;
  height: 35px;
  font-size: 16px;
  text-align: center;
  color: #666;
}

.news-page li a {
  line-height: 35px;
  font-size: 16px;
  color: #666;
}

.news-page li:hover {
  background-color: #ff7200;
}

.news-page li:hover a {
  color: #fff;
}